<template>
  <div class="z-screen-hu">
    <svg xmlns="http://www.w3.org/2000/svg"
         width="872"
         height="731"
         fill="none"
         class="sc-bf8b3d70-0 eKUsdk">
      <g fill="#fff"
         opacity="0.7">
        <circle cx="227.718"
                cy="547.745"
                r="1.175"
                opacity="0.11"
                transform="rotate(-32.982 227.718 547.745)"></circle>
        <circle cx="234.593"
                cy="551.333"
                r="0.881"
                transform="rotate(-32.982 234.593 551.333)"></circle>
        <circle cx="244.14"
                cy="530.439"
                r="0.881"
                transform="rotate(-32.982 244.14 530.439)"></circle>
        <circle cx="201.625"
                cy="556.626"
                r="0.881"
                transform="rotate(-32.982 201.625 556.626)"></circle>
        <circle cx="184.75"
                cy="584.029"
                r="1.175"
                opacity="0.11"
                transform="rotate(-32.982 184.75 584.029)"></circle>
        <circle cx="168.68"
                cy="579.757"
                r="0.587"
                transform="rotate(-32.982 168.68 579.757)"></circle>
        <circle cx="239.023"
                cy="568.411"
                r="0.587"
                transform="rotate(-32.982 239.023 568.411)"></circle>
        <circle cx="346.422"
                cy="498.718"
                r="0.587"
                transform="rotate(-32.982 346.422 498.718)"></circle>
        <circle cx="382.851"
                cy="437.268"
                r="0.587"
                transform="rotate(-32.982 382.851 437.268)"></circle>
        <circle cx="425.406"
                cy="460.761"
                r="0.587"
                transform="rotate(-32.982 425.406 460.761)"></circle>
        <circle cx="66.984"
                cy="662.554"
                r="0.587"
                transform="rotate(-32.982 66.984 662.554)"></circle>
        <circle cx="42.336"
                cy="640.746"
                r="0.587"
                opacity="0.11"
                transform="rotate(-32.982 42.336 640.746)"></circle>
        <circle cx="28.508"
                cy="665.823"
                r="0.587"
                opacity="0.11"
                transform="rotate(-32.982 28.508 665.823)"></circle>
        <circle cx="63.945"
                cy="684.832"
                r="0.587"
                opacity="0.11"
                transform="rotate(-32.982 63.945 684.832)"></circle>
        <circle cx="168.398"
                cy="589.039"
                r="0.587"
                opacity="0.11"
                transform="rotate(-32.982 168.398 589.039)"></circle>
        <circle cx="249.555"
                cy="586.785"
                r="0.587"
                opacity="0.11"
                transform="rotate(-32.982 249.555 586.785)"></circle>
        <circle cx="340.937"
                cy="520.477"
                r="0.587"
                opacity="0.11"
                transform="rotate(-32.982 340.937 520.477)"></circle>
        <circle cx="81.656"
                cy="635.531"
                r="0.587"
                opacity="0.3"
                transform="rotate(-32.982 81.656 635.531)"></circle>
        <circle cx="177.695"
                cy="535.399"
                r="0.587"
                transform="rotate(-32.982 177.695 535.399)"></circle>
        <circle cx="252.922"
                cy="485.182"
                r="0.587"
                transform="rotate(-32.982 252.922 485.182)"></circle>
        <circle cx="173.609"
                cy="602.461"
                r="0.587"
                transform="rotate(-32.982 173.609 602.461)"></circle>
        <circle cx="139.125"
                cy="624.841"
                r="0.587"
                opacity="0.3"
                transform="rotate(-32.982 139.125 624.841)"></circle>
        <circle cx="78.914"
                cy="620.51"
                r="0.587"
                opacity="0.11"
                transform="rotate(-32.982 78.914 620.51)"></circle>
        <circle cx="194.242"
                cy="541.467"
                r="0.587"
                opacity="0.3"
                transform="rotate(-32.982 194.242 541.467)"></circle>
        <circle cx="188.062"
                cy="606.386"
                r="0.587"
                opacity="0.3"
                transform="rotate(-32.982 188.062 606.386)"></circle>
        <circle cx="131.648"
                cy="649.995"
                r="0.587"
                opacity="0.3"
                transform="rotate(-32.982 131.648 649.995)"></circle>
        <circle cx="95.945"
                cy="626.262"
                r="0.587"
                opacity="0.3"
                transform="rotate(-32.982 95.945 626.262)"></circle>
        <circle cx="401.398"
                cy="425.934"
                r="0.587"
                opacity="0.3"
                transform="rotate(-32.982 401.398 425.934)"></circle>
        <circle cx="308.976"
                cy="457.205"
                r="0.587"
                opacity="0.11"
                transform="rotate(-32.982 308.976 457.205)"></circle>
        <circle cx="401.844"
                cy="455.746"
                r="0.587"
                opacity="0.11"
                transform="rotate(-32.982 401.844 455.746)"></circle>
        <circle cx="279.765"
                cy="540.572"
                r="1.175"
                opacity="0.3"
                transform="rotate(-32.982 279.765 540.572)"></circle>
        <circle cx="299.242"
                cy="506.931"
                r="1.175"
                opacity="0.11"
                transform="rotate(-32.982 299.242 506.931)"></circle>
        <circle cx="287.968"
                cy="490.095"
                r="0.881"
                transform="rotate(-32.982 287.968 490.095)"></circle>
        <circle cx="287.547"
                cy="563.88"
                r="0.881"
                transform="rotate(-32.982 287.547 563.88)"></circle>
        <circle cx="457.492"
                cy="467.594"
                r="0.881"
                transform="rotate(-32.982 457.492 467.594)"></circle>
        <circle cx="132.336"
                cy="666.701"
                r="0.881"
                transform="rotate(-32.982 132.336 666.701)"></circle>
        <circle cx="59.468"
                cy="697.889"
                r="0.881"
                transform="rotate(-32.982 59.468 697.889)"></circle>
        <circle cx="38.304"
                cy="683.619"
                r="0.881"
                transform="rotate(-32.982 38.304 683.619)"></circle>
        <circle cx="270.718"
                cy="515.293"
                r="0.881"
                transform="rotate(-32.982 270.718 515.293)"></circle>
        <circle cx="208.656"
                cy="607.374"
                r="0.881"
                transform="rotate(-32.982 208.656 607.374)"></circle>
        <circle cx="346.547"
                cy="547.995"
                r="0.881"
                transform="rotate(-32.982 346.547 547.995)"></circle>
        <circle cx="455.351"
                cy="429.776"
                r="0.881"
                transform="rotate(-32.982 455.351 429.776)"></circle>
        <circle cx="449.593"
                cy="395.009"
                r="0.881"
                transform="rotate(-32.982 449.593 395.009)"></circle>
        <circle cx="328.773"
                cy="463.965"
                r="1.175"
                opacity="0.3"
                transform="rotate(-32.982 328.773 463.965)"></circle>
        <circle cx="306.07"
                cy="428.99"
                r="1.175"
                transform="rotate(-32.982 306.07 428.99)"></circle>
        <circle cx="361.336"
                cy="458.586"
                r="0.881"
                transform="rotate(-32.982 361.336 458.586)"></circle>
        <circle cx="372.601"
                cy="423.621"
                r="1.175"
                opacity="0.3"
                transform="rotate(-32.982 372.601 423.621)"></circle>
        <circle cx="444.07"
                cy="426.948"
                r="1.175"
                opacity="0.3"
                transform="rotate(-32.982 444.07 426.948)"></circle>
        <circle cx="387.07"
                cy="465.337"
                r="1.175"
                opacity="0.3"
                transform="rotate(-32.982 387.07 465.337)"></circle>
        <circle cx="109.734"
                cy="657.216"
                r="1.175"
                opacity="0.3"
                transform="rotate(-32.982 109.734 657.216)"></circle>
        <circle cx="52.242"
                cy="656.018"
                r="1.175"
                opacity="0.3"
                transform="rotate(-32.982 52.242 656.018)"></circle>
        <circle cx="414.281"
                cy="425.277"
                r="1.175"
                opacity="0.11"
                transform="rotate(-32.982 414.281 425.277)"></circle>
        <circle cx="111.82"
                cy="593.553"
                r="1.175"
                opacity="0.3"
                transform="rotate(-32.982 111.82 593.553)"></circle>
        <circle cx="92.125"
                cy="592.332"
                r="1.175"
                opacity="0.11"
                transform="rotate(-32.982 92.125 592.332)"></circle>
        <circle cx="108.648"
                cy="626.417"
                r="1.175"
                opacity="0.3"
                transform="rotate(-32.982 108.648 626.417)"></circle>
        <circle cx="139.273"
                cy="606.191"
                r="0.881"
                transform="rotate(-32.982 139.273 606.191)"></circle>
        <circle cx="300.453"
                cy="286.747"
                r="1.175"
                opacity="0.11"
                transform="rotate(-32.982 300.453 286.747)"></circle>
        <circle cx="307.328"
                cy="290.336"
                r="0.881"
                transform="rotate(-32.982 307.328 290.336)"></circle>
        <circle cx="316.875"
                cy="269.441"
                r="0.881"
                transform="rotate(-32.982 316.875 269.441)"></circle>
        <circle cx="274.359"
                cy="295.629"
                r="0.881"
                transform="rotate(-32.982 274.359 295.629)"></circle>
        <circle cx="257.484"
                cy="323.031"
                r="1.175"
                opacity="0.11"
                transform="rotate(-32.982 257.484 323.031)"></circle>
        <circle cx="241.414"
                cy="318.76"
                r="0.587"
                transform="rotate(-32.982 241.414 318.76)"></circle>
        <circle cx="311.758"
                cy="307.413"
                r="0.587"
                transform="rotate(-32.982 311.758 307.413)"></circle>
        <circle cx="419.156"
                cy="237.721"
                r="0.587"
                transform="rotate(-32.982 419.156 237.721)"></circle>
        <circle cx="455.586"
                cy="176.271"
                r="0.587"
                transform="rotate(-32.982 455.586 176.271)"></circle>
        <circle cx="498.14"
                cy="199.766"
                r="0.587"
                transform="rotate(-32.982 498.14 199.766)"></circle>
        <circle cx="139.719"
                cy="401.556"
                r="0.587"
                transform="rotate(-32.982 139.719 401.556)"></circle>
        <circle cx="115.07"
                cy="379.748"
                r="0.587"
                opacity="0.11"
                transform="rotate(-32.982 115.07 379.748)"></circle>
        <circle cx="101.242"
                cy="404.825"
                r="0.587"
                opacity="0.11"
                transform="rotate(-32.982 101.242 404.825)"></circle>
        <circle cx="136.68"
                cy="423.834"
                r="0.587"
                opacity="0.11"
                transform="rotate(-32.982 136.68 423.834)"></circle>
        <circle cx="241.133"
                cy="328.041"
                r="0.587"
                opacity="0.11"
                transform="rotate(-32.982 241.133 328.041)"></circle>
        <circle cx="322.289"
                cy="325.787"
                r="0.587"
                opacity="0.11"
                transform="rotate(-32.982 322.289 325.787)"></circle>
        <circle cx="413.672"
                cy="259.479"
                r="0.587"
                opacity="0.11"
                transform="rotate(-32.982 413.672 259.479)"></circle>
        <circle cx="154.39"
                cy="374.534"
                r="0.587"
                opacity="0.3"
                transform="rotate(-32.982 154.39 374.534)"></circle>
        <circle cx="250.43"
                cy="274.401"
                r="0.587"
                transform="rotate(-32.982 250.43 274.401)"></circle>
        <circle cx="325.656"
                cy="224.184"
                r="0.587"
                transform="rotate(-32.982 325.656 224.184)"></circle>
        <circle cx="246.344"
                cy="341.464"
                r="0.587"
                transform="rotate(-32.982 246.344 341.464)"></circle>
        <circle cx="211.859"
                cy="363.843"
                r="0.587"
                opacity="0.3"
                transform="rotate(-32.982 211.859 363.843)"></circle>
        <circle cx="151.648"
                cy="359.513"
                r="0.587"
                opacity="0.11"
                transform="rotate(-32.982 151.648 359.513)"></circle>
        <circle cx="266.976"
                cy="280.469"
                r="0.587"
                opacity="0.3"
                transform="rotate(-32.982 266.976 280.469)"></circle>
        <circle cx="260.797"
                cy="345.388"
                r="0.587"
                opacity="0.3"
                transform="rotate(-32.982 260.797 345.388)"></circle>
        <circle cx="204.383"
                cy="388.998"
                r="0.587"
                opacity="0.3"
                transform="rotate(-32.982 204.383 388.998)"></circle>
        <circle cx="168.68"
                cy="365.264"
                r="0.587"
                opacity="0.3"
                transform="rotate(-32.982 168.68 365.264)"></circle>
        <circle cx="474.133"
                cy="164.936"
                r="0.587"
                opacity="0.3"
                transform="rotate(-32.982 474.133 164.936)"></circle>
        <circle cx="381.711"
                cy="196.208"
                r="0.587"
                opacity="0.11"
                transform="rotate(-32.982 381.711 196.208)"></circle>
        <circle cx="474.578"
                cy="194.749"
                r="0.587"
                opacity="0.11"
                transform="rotate(-32.982 474.578 194.749)"></circle>
        <circle cx="352.5"
                cy="279.575"
                r="1.175"
                opacity="0.3"
                transform="rotate(-32.982 352.5 279.575)"></circle>
        <circle cx="371.976"
                cy="245.933"
                r="1.175"
                opacity="0.11"
                transform="rotate(-32.982 371.976 245.933)"></circle>
        <circle cx="360.703"
                cy="229.097"
                r="0.881"
                transform="rotate(-32.982 360.703 229.097)"></circle>
        <circle cx="360.281"
                cy="302.882"
                r="0.881"
                transform="rotate(-32.982 360.281 302.882)"></circle>
        <circle cx="530.226"
                cy="206.596"
                r="0.881"
                transform="rotate(-32.982 530.226 206.596)"></circle>
        <circle cx="205.07"
                cy="405.703"
                r="0.881"
                transform="rotate(-32.982 205.07 405.703)"></circle>
        <circle cx="132.203"
                cy="436.891"
                r="0.881"
                transform="rotate(-32.982 132.203 436.891)"></circle>
        <circle cx="111.039"
                cy="422.621"
                r="0.881"
                transform="rotate(-32.982 111.039 422.621)"></circle>
        <circle cx="343.453"
                cy="254.296"
                r="0.881"
                transform="rotate(-32.982 343.453 254.296)"></circle>
        <circle cx="281.39"
                cy="346.376"
                r="0.881"
                transform="rotate(-32.982 281.39 346.376)"></circle>
        <circle cx="419.281"
                cy="286.997"
                r="0.881"
                transform="rotate(-32.982 419.281 286.997)"></circle>
        <circle cx="528.086"
                cy="168.778"
                r="0.881"
                transform="rotate(-32.982 528.086 168.778)"></circle>
        <circle cx="522.328"
                cy="134.012"
                r="0.881"
                transform="rotate(-32.982 522.328 134.012)"></circle>
        <circle cx="401.507"
                cy="202.967"
                r="1.175"
                opacity="0.3"
                transform="rotate(-32.982 401.507 202.967)"></circle>
        <circle cx="378.804"
                cy="167.992"
                r="1.175"
                transform="rotate(-32.982 378.804 167.992)"></circle>
        <circle cx="434.07"
                cy="197.588"
                r="0.881"
                transform="rotate(-32.982 434.07 197.588)"></circle>
        <circle cx="445.336"
                cy="162.623"
                r="1.175"
                opacity="0.3"
                transform="rotate(-32.982 445.336 162.623)"></circle>
        <circle cx="516.804"
                cy="165.95"
                r="1.175"
                opacity="0.3"
                transform="rotate(-32.982 516.804 165.95)"></circle>
        <circle cx="459.804"
                cy="204.339"
                r="1.175"
                opacity="0.3"
                transform="rotate(-32.982 459.804 204.339)"></circle>
        <circle cx="182.468"
                cy="396.218"
                r="1.175"
                opacity="0.3"
                transform="rotate(-32.982 182.468 396.218)"></circle>
        <circle cx="124.976"
                cy="395.021"
                r="1.175"
                opacity="0.3"
                transform="rotate(-32.982 124.976 395.021)"></circle>
        <circle cx="487.015"
                cy="164.279"
                r="1.175"
                opacity="0.11"
                transform="rotate(-32.982 487.015 164.279)"></circle>
        <circle cx="184.554"
                cy="332.556"
                r="1.175"
                opacity="0.3"
                transform="rotate(-32.982 184.554 332.556)"></circle>
        <circle cx="164.859"
                cy="331.334"
                r="1.175"
                opacity="0.11"
                transform="rotate(-32.982 164.859 331.334)"></circle>
        <circle cx="181.382"
                cy="365.42"
                r="1.175"
                opacity="0.3"
                transform="rotate(-32.982 181.382 365.42)"></circle>
        <circle cx="212.008"
                cy="345.193"
                r="0.881"
                transform="rotate(-32.982 212.008 345.193)"></circle>
        <circle cx="609.586"
                cy="195.828"
                r="1.175"
                opacity="0.11"
                transform="rotate(-32.982 609.586 195.828)"></circle>
        <circle cx="616.461"
                cy="199.416"
                r="0.881"
                transform="rotate(-32.982 616.461 199.416)"></circle>
        <circle cx="626.008"
                cy="178.522"
                r="0.881"
                transform="rotate(-32.982 626.008 178.522)"></circle>
        <circle cx="583.492"
                cy="204.709"
                r="0.881"
                transform="rotate(-32.982 583.492 204.709)"></circle>
        <circle cx="566.617"
                cy="232.111"
                r="1.175"
                opacity="0.11"
                transform="rotate(-32.982 566.617 232.111)"></circle>
        <circle cx="550.547"
                cy="227.84"
                r="0.587"
                transform="rotate(-32.982 550.547 227.84)"></circle>
        <circle cx="620.89"
                cy="216.494"
                r="0.587"
                transform="rotate(-32.982 620.89 216.494)"></circle>
        <circle cx="728.289"
                cy="146.801"
                r="0.587"
                transform="rotate(-32.982 728.289 146.801)"></circle>
        <circle cx="764.719"
                cy="85.351"
                r="0.587"
                transform="rotate(-32.982 764.719 85.351)"></circle>
        <circle cx="807.273"
                cy="108.844"
                r="0.587"
                transform="rotate(-32.982 807.273 108.844)"></circle>
        <circle cx="448.851"
                cy="310.637"
                r="0.587"
                transform="rotate(-32.982 448.851 310.637)"></circle>
        <circle cx="424.203"
                cy="288.829"
                r="0.587"
                opacity="0.11"
                transform="rotate(-32.982 424.203 288.829)"></circle>
        <circle cx="410.375"
                cy="313.906"
                r="0.587"
                opacity="0.11"
                transform="rotate(-32.982 410.375 313.906)"></circle>
        <circle cx="445.812"
                cy="332.915"
                r="0.587"
                opacity="0.11"
                transform="rotate(-32.982 445.812 332.915)"></circle>
        <circle cx="550.265"
                cy="237.121"
                r="0.587"
                opacity="0.11"
                transform="rotate(-32.982 550.265 237.121)"></circle>
        <circle cx="631.414"
                cy="234.868"
                r="0.587"
                opacity="0.11"
                transform="rotate(-32.982 631.414 234.868)"></circle>
        <circle cx="722.805"
                cy="168.56"
                r="0.587"
                opacity="0.11"
                transform="rotate(-32.982 722.805 168.56)"></circle>
        <circle cx="463.523"
                cy="283.614"
                r="0.587"
                opacity="0.3"
                transform="rotate(-32.982 463.523 283.614)"></circle>
        <circle cx="559.562"
                cy="183.482"
                r="0.587"
                transform="rotate(-32.982 559.562 183.482)"></circle>
        <circle cx="634.789"
                cy="133.265"
                r="0.587"
                transform="rotate(-32.982 634.789 133.265)"></circle>
        <circle cx="555.476"
                cy="250.545"
                r="0.587"
                transform="rotate(-32.982 555.476 250.545)"></circle>
        <circle cx="520.992"
                cy="272.924"
                r="0.587"
                opacity="0.3"
                transform="rotate(-32.982 520.992 272.924)"></circle>
        <circle cx="460.781"
                cy="268.593"
                r="0.587"
                opacity="0.11"
                transform="rotate(-32.982 460.781 268.593)"></circle>
        <circle cx="576.109"
                cy="189.55"
                r="0.587"
                opacity="0.3"
                transform="rotate(-32.982 576.109 189.55)"></circle>
        <circle cx="569.93"
                cy="254.469"
                r="0.587"
                opacity="0.3"
                transform="rotate(-32.982 569.93 254.469)"></circle>
        <circle cx="513.515"
                cy="298.078"
                r="0.587"
                opacity="0.3"
                transform="rotate(-32.982 513.515 298.078)"></circle>
        <circle cx="477.812"
                cy="274.345"
                r="0.587"
                opacity="0.3"
                transform="rotate(-32.982 477.812 274.345)"></circle>
        <circle cx="783.265"
                cy="74.017"
                r="0.587"
                opacity="0.3"
                transform="rotate(-32.982 783.265 74.017)"></circle>
        <circle cx="690.844"
                cy="105.288"
                r="0.587"
                opacity="0.11"
                transform="rotate(-32.982 690.844 105.288)"></circle>
        <circle cx="783.711"
                cy="103.829"
                r="0.587"
                opacity="0.11"
                transform="rotate(-32.982 783.711 103.829)"></circle>
        <circle cx="661.632"
                cy="188.655"
                r="1.175"
                opacity="0.3"
                transform="rotate(-32.982 661.632 188.655)"></circle>
        <circle cx="681.109"
                cy="155.014"
                r="1.175"
                opacity="0.11"
                transform="rotate(-32.982 681.109 155.014)"></circle>
        <circle cx="669.836"
                cy="138.178"
                r="0.881"
                transform="rotate(-32.982 669.836 138.178)"></circle>
        <circle cx="669.414"
                cy="211.963"
                r="0.881"
                transform="rotate(-32.982 669.414 211.963)"></circle>
        <circle cx="839.359"
                cy="115.677"
                r="0.881"
                transform="rotate(-32.982 839.359 115.677)"></circle>
        <circle cx="514.203"
                cy="314.784"
                r="0.881"
                transform="rotate(-32.982 514.203 314.784)"></circle>
        <circle cx="441.336"
                cy="345.972"
                r="0.881"
                transform="rotate(-32.982 441.336 345.972)"></circle>
        <circle cx="420.172"
                cy="331.702"
                r="0.881"
                transform="rotate(-32.982 420.172 331.702)"></circle>
        <circle cx="652.586"
                cy="163.376"
                r="0.881"
                transform="rotate(-32.982 652.586 163.376)"></circle>
        <circle cx="590.523"
                cy="255.457"
                r="0.881"
                transform="rotate(-32.982 590.523 255.457)"></circle>
        <circle cx="728.414"
                cy="196.078"
                r="0.881"
                transform="rotate(-32.982 728.414 196.078)"></circle>
        <circle cx="837.219"
                cy="77.859"
                r="0.881"
                transform="rotate(-32.982 837.219 77.86)"></circle>
        <circle cx="831.461"
                cy="43.092"
                r="0.881"
                transform="rotate(-32.982 831.461 43.092)"></circle>
        <circle cx="710.632"
                cy="112.048"
                r="1.175"
                opacity="0.3"
                transform="rotate(-32.982 710.632 112.048)"></circle>
        <circle cx="687.937"
                cy="77.073"
                r="1.175"
                transform="rotate(-32.982 687.937 77.073)"></circle>
        <circle cx="743.203"
                cy="106.669"
                r="0.881"
                transform="rotate(-32.982 743.203 106.669)"></circle>
        <circle cx="754.468"
                cy="71.704"
                r="1.175"
                opacity="0.3"
                transform="rotate(-32.982 754.468 71.704)"></circle>
        <circle cx="825.937"
                cy="75.031"
                r="1.175"
                opacity="0.3"
                transform="rotate(-32.982 825.937 75.03)"></circle>
        <circle cx="768.937"
                cy="113.42"
                r="1.175"
                opacity="0.3"
                transform="rotate(-32.982 768.937 113.42)"></circle>
        <circle cx="491.601"
                cy="305.299"
                r="1.175"
                opacity="0.3"
                transform="rotate(-32.982 491.601 305.299)"></circle>
        <circle cx="434.109"
                cy="304.102"
                r="1.175"
                opacity="0.3"
                transform="rotate(-32.982 434.109 304.102)"></circle>
        <circle cx="796.148"
                cy="73.36"
                r="1.175"
                opacity="0.11"
                transform="rotate(-32.982 796.148 73.36)"></circle>
        <circle cx="493.687"
                cy="241.636"
                r="1.175"
                opacity="0.3"
                transform="rotate(-32.982 493.687 241.636)"></circle>
        <circle cx="473.992"
                cy="240.415"
                r="1.175"
                opacity="0.11"
                transform="rotate(-32.982 473.992 240.415)"></circle>
        <circle cx="490.515"
                cy="274.5"
                r="1.175"
                opacity="0.3"
                transform="rotate(-32.982 490.515 274.5)"></circle>
        <circle cx="521.14"
                cy="254.274"
                r="0.881"
                transform="rotate(-32.982 521.14 254.274)"></circle>
      </g>
    </svg>
  </div>
</template>

<style lang="scss" scoped>
.z-screen-hu {
  position: absolute;
  bottom: 0;
  left: 15%;
  pointer-events: none;
  user-select: none;
  width: 70%;
  height: 600px;
  overflow: hidden;
  mask-image: radial-gradient(circle at center center, black, transparent 80%);

  svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    mask-image: radial-gradient(circle at center bottom, black, transparent);
  }
  &::before {
    content: "";
    position: absolute;
    inset: 0px;
    background: radial-gradient(
      circle at bottom center,
      #294990,
      transparent 70%
    );
    opacity: 0.4;
  }
  &::after {
    content: "";
    position: absolute;
    background: #173c78;
    width: 200%;
    left: -50%;
    aspect-ratio: 1 / 0.7;
    border-radius: 50%;
    border-top: 1px solid rgba(120, 118, 197, 0.4);
    top: 70%;
  }
}
</style>